<template>
  <vxe-modal v-model="dialogVisible" title="编辑" resize show-footer show-zoom :width="isMobile?'100%':'60%'" :fullscreen="isMobile">
    <el-form
      ref="form"
      :model="modelValue"
      :rules="rules"
      label-width="120px"
      label-position="right"
    >
      <el-form-item prop="skuName" label="产品名称">
        <el-input v-model="modelValue.skuName" clearable />
      </el-form-item>
      <el-form-item prop="skuTitle" label="产品简称">
        <el-input v-model="modelValue.skuTitle" clearable />
      </el-form-item>
      <el-form-item prop="taxRate" label="税率">
        <el-input-number v-model="modelValue.taxRate" clearable :min="0" />
      </el-form-item>
      <el-form-item prop="factoryPrice" label="出厂价">
        <el-input-number v-model="modelValue.factoryPrice" clearable :min="0" />
      </el-form-item>
      <el-form-item prop="excludingTaxCosts" label="成本不含税">
        <el-input-number v-model="modelValue.excludingTaxCosts" clearable :min="0" />
      </el-form-item>
      <el-form-item prop="freight" label="干线运费">
        <el-input-number v-model="modelValue.freight" clearable :min="0" />
      </el-form-item>
    </el-form>
    <template #footer>
      <vxe-button status="primary" content="提交" :disabled="loading" @click="clickSubmitBtn" />
    </template>
  </vxe-modal>
</template>

<script>
import Api from '@/api/finance/budget'
import { VxeModalMixin } from '@/mixins/vxe/VxeModalMixin'
import { VxeSysDataMixin } from '@/mixins/vxe/VxeSysDataMixin'
export default {
  name: 'FinanceBudgetUpdateDialog',
  mixins: [VxeModalMixin, VxeSysDataMixin],
  data() {
    return {
      api: Api.update,
      modelValue: {
        id: undefined,
        skuName: undefined,
        skuTitle: undefined,
        taxRate: undefined,
        factoryPrice: undefined,
        excludingTaxCosts: undefined,
        freight: undefined
      },
      rules: {
        id: [
          { required: true }
        ],
        skuCode: [
          { required: true }
        ],
        skuName: [
          { required: true }
        ],
        factoryPrice: [
          { required: true }
        ],
        excludingTaxCosts: [
          { required: true }
        ],
        freight: [
          { required: true }
        ]
      }
    }
  },
  computed: {

  },
  mounted() {
  },
  methods: {

  }
}
</script>

<style>

</style>
